<template>
  <div>
    <el-form-item label="默认值">
      <el-input v-model="componentInfo.defaultValue"></el-input>
    </el-form-item>
    <el-form-item label="最大文字长度">
      <el-input v-model.number="componentInfo.maxlength"></el-input>
    </el-form-item>
    <el-form-item label="最小文字长度">
      <el-input v-model.number="componentInfo.minlength"></el-input>
    </el-form-item>
    <el-form-item label="输入框类型">
      <el-select
        v-model="componentInfo.InputType"
        placeholder="请选择类型"
        style="width: 100%"
      >
        <el-option
          v-for="item in newoptions"
          :key="item.value"
          :label="item.label"
          :value="item.value"
        >
        </el-option>
      </el-select>
    </el-form-item>
    <el-form-item label="是否禁用">
      <el-radio-group v-model="componentInfo.InputIsdisabled"   style="width: 100%">
        <el-radio :label="true">禁用</el-radio>
        <el-radio :label="false">开启</el-radio>
      </el-radio-group>
    </el-form-item>
  </div>
</template>
<script>
import basic from "./basic.vue";
export default {
  extends: basic,
  name: "templateInput",
  data() {
    return {
      newoptions: [
        {
          label: "文本",
          value: "text",
        },
        {
          label: "文本域",
          value: "textarea",
        },
      ],
    };
  },
};
</script>

